<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<title>FixedSplitter Test RTL</title>

	
	<script type="text/javascript" src="../../deviceTheme.js" data-dojo-config="mblThemeFiles: ['FixedSplitter']"></script>
	<script type="text/javascript" src="../../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true,has: {'dojo-bidi': true}"></script>

	<script type="text/javascript">
		require([
			"dojo/parser",
			"dojox/mobile/FixedSplitter",
			"dojox/mobile/Pane"
		]);
	</script>

	<style type="text/css">
		html, body{
			width: 100%;
			height: 100%;
			padding: 0px;
			margin: 0px;
			overflow: hidden;
		}
	</style>
</head>
<body dir="rtl">
	<div data-dojo-type="dojox.mobile.FixedSplitter" data-dojo-props='orientation:"H"'>
		<div data-dojo-type="dojox.mobile.Pane" style="background-color:yellow;width:200px;">
			pane #1 (width=200px)
		</div>
		<div data-dojo-type="dojox.mobile.Pane" style="background-color:pink;">
			pane #2
		</div>
	</div>
</body>
</html>
